A normal Paragraph:

px- relative measurement in screen pixels. Pixels offer the designer the best control over layouts, and you'll see them used a lot for things like borders, margins, padding, plus height and width of screen regions when creating CSS layouts without table (something we will look at later in this series). What pixels are not recommended for is text size. Some browser wont have a problem with resizing pixel based text, but our old friend Internet Explorer wont resize pixel based text. Therefore, to give the best experience to all user, it is advisable not to define text size in pixels.

A paragraph where lines are spaced at 150% (line-height:150%):

px- relative measurement in screen pixels. Pixels offer the designer the best control over layouts, and you'll see them used a lot for things like borders, margins, padding, plus height and width of screen regions when creating CSS layouts without table (something we will look at later in this series). What pixels are not recommended for is text size. Some browser wont have a problem with resizing pixel based text, but our old friend Internet Explorer wont resize pixel based text. Therefore, to give the best experience to all user, it is advisable not to define text size in pixels.

A paragraph where lines are spaced at 200% (line-height:200%):

px- relative measurement in screen pixels. Pixels offer the designer the best control over layouts, and you'll see them used a lot for things like borders, margins, padding, plus height and width of screen regions when creating CSS layouts without table (something we will look at later in this series). What pixels are not recommended for is text size. Some browser wont have a problem with resizing pixel based text, but our old friend Internet Explorer wont resize pixel based text. Therefore, to give the best experience to all user, it is advisable not to define text size in pixels.